.registerForm {
    $input-bg-color: #abc9bb;

    padding: 0 15px;

    .input {
        // width: 336px;
        height: 32px;
        background: $input-bg-color;
        // opacity: 0.4;
    }

    .btn {
        position: absolute;
        bottom: -8px;
        margin-bottom: 0;
        right: 12px;
        width: 56px;
        height: 32px;
        background: #13a267;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
    }

    .option {
        padding: 0 12px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -15px;

        .check {
            color: #fff;
        }
        .register {
            cursor: pointer;
        }
    }

    .eye {
        font-size: 20px;
    }

    :global {
        .ant-input {
            background-color: $input-bg-color;
            border: none;
            box-shadow: none;
            caret-color: #fff;
            color: #fff;
            font-size: 16px;
        }
        .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
        .ant-form-item-has-error
            :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
        .ant-form-item-has-error
            :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
        .ant-form-item-has-error
            :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,
        .ant-form-item-has-error
            :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover,
        .ant-form-item-has-error
            :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
            background-color: $input-bg-color;
            border: none;
            box-shadow: none;
        }
        .ant-select-single.ant-select-open .ant-select-selection-item{
            color: #fff;
        }
        .ant-checkbox-checked::after {
            border: 1px solid #00f794;
        }
        .ant-checkbox-inner::after {
            left: 24.5%;
        }
        .ant-checkbox-inner {
            width: 20px;
            height: 20px;
            background: transparent;
            /* opacity: 0.16; */
            border: 1px solid #00f79485;
        }
        // .ant-checkbox-inner::after {
        //     border: 2px solid green;
        // }
        .ant-form-item-label > label {
            color: #fff;
        }
        .ant-form-vertical .ant-form-item {
            margin-left: 12px;
            margin-bottom: 16px;
        }
        .ant-form-item-with-help .ant-form-item-explain {
            position: absolute;
            top: -30px;
            right: 12px;
        }

        .ant-form-item-with-help {
            margin-bottom: 24px;
        }
        .ant-form-item-explain-error {
            font-size: 14px;
            font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
            font-weight: 400;
            color: #ff0000;
        }
        .ant-input-password-icon {
            font-size: 20px;
            color: #fff;
        }
        input::placeholder {
            color: #fff;
            font-size: 14px;
            opacity: 0.5;
        }
        .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
            border: none;
        }
        .ant-input-affix-wrapper {
            border: none;
        }
        .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            background-color: $input-bg-color;
            border: 1px solid $input-bg-color;
            color: #fff;
            height: 32px;
        }
        .ant-select-single:not(.ant-select-customize-input)
            .ant-select-selector
            .ant-select-selection-search-input {
            height: 32px;
        }
        .ant-select-single .ant-select-selector .ant-select-selection-item,
        .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            line-height: 32px;
        }

        .ant-select-arrow {
            color: #fff;
        }
        .ant-select-selection-placeholder {
            color: #fff;
        }
    }
}

.statusSelectDrop {
    background-color: #40514d;
    z-index: 999999;

    :global {
        .ant-select-item {
            color: #fff;
        }
        .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
            background-color: #063a29;
            color: #00f794;
        }
    }
}
